<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>CSS字体属性</title>
    <style>
        h1{
            /* 字体类型 */
            font-family: "楷体";
            /* 字体颜色 */
            color: red;
            /* 字体大小 */
            font-size: 45px;
            /* 字体粗细 */

        }
        p{
             /* 字体类型 */
            font-family: "微软雅黑";   
            /* 字体颜色 */
            color: blue;
            /* 字体大小 */
            font-size: 30px;
            /* 字体样式 */
            font-style: italic;
        }
        .bold{
            /*字体粗细*/
            font-weight: bold;
        }
    </style>
</head>

<body>
    <h1>座右铭</h1>
    <p>1.别人能行的，我也能行！</p>
    <p>2.努力吧，你要对得起你所受过的苦。</p>
    <p>3.打击与挫败是成功的踏脚石，而不是绊脚石。</p>
    <p>4.没有人可以做你的双拐，你必须学会独立去闯荡。</p>
    <p>5.不甘心失去就要去努力争取。</p>
    <p>6.你可知道我拼搏不怕阻挡，就一个理由，我要得到我想要的东西。</p>
    <p>7.太阳升起的瞬间，对于昨天已成永远！</p>
    <p>8.努力是为了寻找自己喜欢的生活的时候不被外物干扰。</p>
    <p class="bold">9.不要在该奋斗的年纪选择安逸。</p>
    <p>10.别成为你当初最厌恶的人。</p>

</body>

</html>